<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="Description" content="页面描述" />
	<meta name="Keywords" content="页面关键字" />
	<meta name="viewport" content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no">
	<script>
		if (navigator.appVersion.indexOf('Android') != -1) {
			document.addEventListener("DOMContentLoaded", function (e) {
				document.querySelector('body').style.zoom = e.target.activeElement.clientWidth / 640;
			});
		}
	</script>
	<title>管理团队</title>
	<link href="css/common.css" rel="stylesheet">
</head>
<body>
	<div class="team-run">
		<section class="team-run-name bb m1">力力渔港</section>
		<section class="team-run-list bb bt">
			<ul>
				<li>
					<img src="images/head.jpg" width="89" height="89" class="team-run-list-img fl" />
					<div class="fl">
						<p class="team-run-list-name">张三</p>
						<p class="co2">湖南大学一分店</p>
					</div>
					<span class="team-run-list-class fr">采购</span>
					<a href="jvascript:;" class="delete">删除</a>
				</li>
				<li>
					<img src="images/head.jpg" width="89" height="89" class="team-run-list-img fl" />
					<div class="fl">
						<p class="team-run-list-name">李四</p>
						<p class="co2">湖南大学二分店</p>
					</div>
					<span class="team-run-list-class fr">商家运营</span>
					<a href="jvascript:;" class="delete">删除</a>
				</li>
				<li>
					<img src="images/head.jpg" width="89" height="89" class="team-run-list-img fl" />
					<div class="fl">
						<p class="team-run-list-name">王五</p>
						<p class="co2">湖南大学三分店</p>
					</div>
					<span class="team-run-list-class fr">财务</span>
					<a href="jvascript:;" class="delete">删除</a>
				</li>
			</ul>
		</section>
	</div>
</body>
<script src="js/zepto.min.js"></script>
<script>
	var listDelete = {
			Delete : $('.delete'),
			List : $('.team-run-list li'),
			dist : 30,
			into : function(e){
				listDelete.Delete.on('touchstart',function(){
					This = $(this).parent();
					This.css('opacity','0');
					setTimeout(function(){
						This.remove();
					},300)
				})
				listDelete.List.on('touchstart',function(e){
					StartX = e.changedTouches[0].clientX;
				})
				listDelete.List.on('touchmove',function(e){
					listThis = $(this);
					navX = StartX - e.changedTouches[0].clientX;
					deleteW = 0;
					if(navX <= -listDelete.dist){
						e.preventDefault();
						deleteW = 0;
					}else if(navX >= listDelete.dist){
						deleteW = -130;
					}
					listDelete.List.css({'margin-left':0})
					listThis.css({
						'margin-left':deleteW
					})
				})
			}
		}
	listDelete.into();
</script>
</html>